@import 'base';

.problem-feedback-main{

  .content-box{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding: 8px 15px;
    box-sizing: border-box;
    .text-box{
      width: 100%;

      textarea{
        width: 100%;
        height: 63px;
        border:none;
        resize: none;
        margin-bottom: 8px;
      }

      textarea::placeholder{
        font-style: 14px;
        color: #C5C5CC;
      }
    }

    .pic-box{
      display: flex;
      width: 100%;
      height:calc(100% / 4 - 6px);
      flex-wrap: wrap;
      padding-bottom: 12px;
      //padding-right:15px;
      box-sizing: border-box;

      .van-row{
        width: 100%;
      }
      //图片凭证
      .img-box{
        width: calc(100% / 4 - 6px);
        height: calc(100% / 4 - 6px);
        margin-right: 8px;

        img{
          width: 100%;
        }

        .close-btn{
          top:-10px;
          right:-10px;
          z-index:10;
        }
      }

      .mr0{
        margin: 0 !important;
      }
      //图片凭证

      //上传按钮
      .uploader-box{
        width: calc(100% / 4 - 6px);

        border: 1px dashed #C0C0C0;
        color: #C0C0C0;
        padding-top: 18px;
        box-sizing: border-box;

        i{
          font-size: 26px;
        }

        p:nth-child(2){
          margin-top: 4px;
        }
      }

      .ml10{
        margin-left: 8px;
      }
      //上传按钮
    }


  }

  .btn{
    width: 100%;
    height: 68px;
    padding:20px 15px;
    box-sizing: border-box;
  }
}
